<%@ page contentType="text/html; charset=utf-8" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版 | Log in</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
</head>

<script>
    window.onload = function () {
        if (window.parent.window != window) {
            window.top.location = "/login.jsp";
        }
    }
</script>

<body class="hold-transition login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="all-admin-index.html">SaaS外贸出口云平台</a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录系统</p>
        <form action="/login.do" method="post">
            <div class="form-group has-feedback">
                <input type="email" name="email" class="form-control" placeholder="Email">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="password" class="form-control" placeholder="密码">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label class="">${error}</label>
                    </div>
                </div>
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                </div>
            </div>
        </form>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <%-- 微信扫码JS --%>
        <script>

            function wxLogin() {
                var wx = new WxLogin({
                    id: "wxLoginImg",
                    appid: "wx3bdb1192c22883f3",
                    // 固定参数, 微信官方提供的解析参数
                    scope: "snsapi_login",
                    // 回调url, 扫码后, 微信官方返回一些参数(code, state)
                    redirect_uri: "http://note.java.itcast.cn/weixinlogin.do"
                });
            }
        </script>
        <script>
            !function (a, b, c) {
                function d(a) {
                    var c = "default";
                    a.self_redirect === !0 ? c = "true" : a.self_redirect === !1 && (c = "false");
                    var d = b.createElement("iframe"),
                        e = "https://open.weixin.qq.com/connect/qrconnect?appid=" + a.appid + "&scope=" + a.scope + "&redirect_uri=" + a.redirect_uri + "&state=" + a.state + "&login_type=jssdk&self_redirect=" + c + '&styletype=' + (a.styletype || '') + '&sizetype=' + (a.sizetype || '') + '&bgcolor=' + (a.bgcolor || '') + '&rst=' + (a.rst || '');
                    e += a.style ? "&style=" + a.style : "", e += a.href ? "&href=" + a.href : "", d.src = e, d.frameBorder = "0", d.allowTransparency = "true", d.sandbox = "allow-scripts allow-top-navigation allow-same-origin",d.scrolling = "no", d.width = "300px", d.height = "400px";

                    var f = b.getElementById(a.id);
                    f.innerHTML = "", f.appendChild(d)
                }

                a.WxLogin = d
            }(window, document);
        </script>
        <%-- QQ登录JS --%>
        <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc.js"></script>





        <div class="social-auth-links text-center">
            <p>- 或者 -</p>

            <a onclick="wxLogin()" class="btn btn-block btn-social btn-facebook btn-flat" style="text-align: center"><i
                    class="fa fa-weixin"></i>微信用户登录</a>
            <div id="wxLoginImg"></div>
            <a href="#"  id="qqLoginBtn" class="btn btn-block btn-social btn-facebook btn-flat" style="text-align: center"><i
                    class="fa fa-qq"></i> 腾讯QQ用户登录</a>
        </div>
    </div>
</div>
<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/iCheck/icheck.min.js"></script>
<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
</script>

<script type="text/javascript">
    QC.Login.insertButton({
        btnId : 'qqLoginBtn',//插入按钮的html标签id
        size : 'A_XL',//按钮样式，A、B、C为三种样式，
        //S、M、L、XL为同一种样式的不同尺寸，支持如下 :
        //A_S, A_M, A_L, A_XL;
        //B_S, B_M, B_L;
        //C_S;

        clientId : '222222',//appId
        scope : '',//授权范围，可选
        'btnMode':'showUserAfterLogin'
    });
</script>
</body>
</html>
